<!DOCTYPE html> 
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <div> hello 比特 </div> 
    这是一个注释 
    <h1> 一级标题 </h1>
    <h2> 二级标题 </h2>
    <h3> 三级标题 </h3>
    <h4> 四级标题 </h4>

    <p> 
        根据国家有关法律法规和政策文件，近期审计署审计发现，中国石油天然气集团有限公司下属燃料油公司（以下简称燃料油公司）存在倒卖进口原油问题，按照党中央、国务院部署，国务院联合调查组依法依规、客观公正、实事求是开展了核查调查。
    </p>
    <p>
        经核查调查，2006年6月，燃料油公司将40万吨进口原油以“调和燃料油”名义销售给山东滨化集团，中石油由此出现倒卖进口原油行为。<br/> 多年来，中石油累计倒卖进口原油<strong>1.795亿吨</strong>，共销售给<b>115家地炼企业</b>，在此期间中石油集团主要领导严重失职失责。中石油倒卖进口原油违反<ins>《行政许可法》</ins>等法律法规和<u>原油成品油管理相关规定</u>，严重违反国家产业政策，严重扰乱了油品市场秩序，助长了违规地炼企业落后产能盲目发展，助长了一些地方违规审批地炼项目，破坏了公平竞争的市场环境，间接造成了国家财政税收的流失，严重败坏了党风和社会风气。
    </p>
    <p> 
        经<em>中央纪委国家监委</em>对有关党组织和党员领导干部失职失责问题认真调查，<i>中石油党组</i>负有主体责任，燃料油公司负有直接责任，中石油有关职能部门负有监管责任。中石油集团有关领导干部、职能部门和燃料油公司有关负责同志未正确履职尽责，负有相应责任。按照党中央、国务院决定，有关部门对中石油倒卖进口原油问题依规依纪依法进行了<s>严肃处理</s>，对中石油倒卖进口原油违法违规获利予以<del>追缴</del>。
    </p> -->

    <!-- <img src = "1.jpg" alt = "青山绿水"> 如果html文件和图片在一个目录下，也可以省略 ./ -->
    <!-- <img src = "../image/1.jpg">  相对路径 需要有一个基准目录；在HTML场景中，html文件所在的目录是基准目录，./ 表示当前路径 ../ 表示当前路径的上级路径 -->
    <!-- <img src = "C:/Users/86188/Documents/前端三剑客/image/1.jpg" title = "这是河流" height="500px" > 绝对路径 无论在那个目录下都能找到，不建议，代码的可移植性不强 -->
    <!-- <img src = "https://pics4.baidu.com/feed/8644ebf81a4c510fa552e388bcd7e424d52aa522.jpeg?token=c35eb5531d08bfe26925182118ed328d " > 网络路径 图片不一定在本地上，在网络上 -->
    <!-- alt属性作用，如果图片加载不出来，就显示文字；如果图片加载出来了，对显示效果没有影响 -->

    <a href = "https://blog.csdn.net/gjwloveforever?type=blog" target = "_blank"> 我的博客 </a> 外部链接
    <!-- <a href = "./HTML/html1.html"> html1 </a>    内部链接 链接本地文件，href的值是相对路径 -->
    <!-- <a href = "https://blog.csdn.net/gjwloveforever?type=blog"> <img src  = "./image/1.jpg"> </a> -->
    <!-- <a href = "#"> 空链接 </a> -->
    <!-- <a href = "test.zip"> 下载链接 </a> -->
    <style>
        p{
            height: 1000px;
        }
    </style>
    <a href = "#one"> 济南 </a>
    <a href = "#two"> 青岛 </a>
    <a href = "#three"> 淄博 </a>

    <p id = "one">
        济南 <br/>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum nam ipsum voluptatibus repellat. Aspernatur, ullam possimus consequuntur soluta et aut vero magnam? Aut, beatae ad sequi facere ipsa dolor magnam?
    </p>
    
    <p id = "two">
        青岛 <br/>
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Unde, cum et totam quas explicabo vero. Exercitationem rerum suscipit nesciunt odit ipsa, perferendis vero harum officiis neque minus animi magnam aliquam?
    </p>

    <p id = "three">
        淄博 <br/>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea eaque deleniti provident veniam nam laudantium tempora atque voluptatum consectetur cumque! Cumque laboriosam molestias veritatis qui sequi hic rerum labore eum.
    </p>
</body>
</html>